---
title: Range Inputs
description: Beautiful, accessible range input sliders built with Tailwind CSS. Free HTML components for volume controls, price filters, and value selectors with custom styling and interactive features.
category: application
emoji: 🎚️
slug: range-inputs
wrapper: h-[200px]
terms:
  - filter
  - form
  - slider
components:
  - { title: 'Base', contributors: ['Kryonn'] }
  - { title: 'Base with output' }
  - { title: 'Base with min and max labels' }
  - { title: 'Native with tick marks' }
  - { title: 'Native with label marks' }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Range Input Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
